<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Shopping Cart - Wholesale Electronics from</title>
<link href="../Public/css/cartfr_1.css" rel="stylesheet" type="text/css" />
<load href="./Public/Js/jquery.min.js"/>
</head>

<body>
<div class="top">

   <div class="tlogo"><a href="http://wwww.{$domain}" ><img src="http://www.{$domain}/images/logo.gif"  /></a></div>
  <div class="trg"><img src="../Public/images/TS.JPG"  />
   <p><img src="../Public/images/sh2.gif" />Faire des achats sécurisés<br />
   <img src="../Public/images/sh2.gif" />La confidentialité des transactions</p></div>
   
   <ul class="toplb">
   <li><img src="../Public/images/shopping_07.gif" /></li>
   <li class="lba"><img src="../Public/images/shopping_16.gif" /></li>
   <li><img src="../Public/images/shopping_09.gif" /></li>
   <li class="lba"><img src="../Public/images/shopping_16.gif" /></li>
   <li><img src="../Public/images/shopping_11.gif" /></li>
   <li class="lba"><img src="../Public/images/shopping_16.gif" /></li>
   <li><img src="../Public/images/shopping_13.gif" /></li>
   </ul>
<div class="clear"></div>
</div>


<div class="content">
<form method="post" action="" name="form1" id="form1"> 
  <div class="conrg">
<div class="rgnav">
           <p><img src="../Public/images/shopping_24.gif"  /><span class="STYLE1">Information sur le produit</span></p></div>
   
    <div class="prlist">
    
    <table class="bga" cellpadding="1">
    <tr><td class="bga1">Produit</td>
    <td class="bga2">Désignation</td>
    <td class="bga3">Quantité</td>
    <td class="bga3">Prix total TTC</td>
    <td class="bga5"></td></tr></table>
    <volist name="a" id="cart">
         <table class="prin">
         <tr><td class="inone">{$cart.productcode}</td><td  class="intwo">{$cart.pbody}</td>
         <td class="inthree">
          <input type="hidden" name="domain" id="domain" value="{@a.domain}" />
		<input type="hidden" name="currency_code" id="currency_code" value="{$currency_code}" />
         <input  class="num" id="num{$cart.productcode}" name="n_{$cart.productcode}"  type="text" size="4" value="{$cart.num}" onChange="ChangeTotal(this);" maxlength="5" />
           <input class="cen" type="image" name="submit" src="../Public/images/shrg_03.gif" > </td>
         <td class="inthree">{$currency}{$cart.n_price|number_format=###,2}</td>
         <td class="infive"><a href="?a=delid&pidmo={$cart.productcode}&domain={@a.domain}&currency_code={$currency_code}"><img src="../Public/images/shrg_05.gif"  /></a></td></tr>
   </table>
   </volist>
         </div>
        
        
                <div class="option">
            <label><span class="STYLE1">Mode de transport ：</span></label>
                <select id="ListBoxShipping" size="4" name="fist" onchange="shipping(this.value)">
				<option selected="selected" value="Air Mail,{@a.logisticsprice1}">Air Mail({$currency}{@a.logisticsprice1})</option>
				<option value="UPS/EMS Express,{@a.logisticsprice2}">UPS/DHL Express({$currency}{@a.logisticsprice2})</option>
			 </select>
    </div>
        
        
        
         <div class="prtl">
         <ul class="prtlf"><li>transport  ：</li><li>Produit  ：</li></ul>
         <ul class="prtlr STYLE4"><li><strong><span id="LiteralGrandTotal"><span id="LiteralShippingSubtotal">{$currency} {$a_prices-$a_price|number_format=###,2}</span></span></strong></li>
           <li><strong><span id="LiteralProductSubtotal">{$currency} {$a_price|number_format=###,2}</span></strong></li></ul>
           <ul class="prtll"><li class="tla STYLE1">Montant Total  ：</li><li class="tlb STYLE4"><strong><span  id="total_js">{$a_prices|number_format=###,2}</span></strong></li></ul>
         </div>
         <span class="confr_pic"><a href="http://www.{$domain}"><img src="../Public/images/conpic_fr.gif" /></a></span> 
     </div>
     <input type="hidden" name="mo_b" id="mo_b" value="{$a_price|number_format=###,2}" />
	 <input type="hidden" name="mo_bb" id="mo_bb" value="{$a_price|number_format=###,2}" />
     <input type="hidden" name="proallnum" id="proallnum" value="{$proallnum}" />
 <script type="text/javascript">

function ChangeTotal(num)
{	var a=parseInt($(num).val());
	if(!isNaN(a))
	{
		if(a<1)
		{
			$(num).val(1);
		}else
		{
			$(num).val(a);
		}
	}else{
		$(num).val(1);
	}
	$("#form1").submit(); 
}

function shipping(val){
	
str=val.split(",");
$('#transportation').val(str[0]);
$('#logisticsprice').val(str[1]);
shipping2=parseFloat(str[1])*$('#proallnum').val();
$('#LiteralShippingSubtotal').html('{$currency} '+shipping2.toFixed(2));
mo_bb=$('#mo_bb').val();
reg=/,/gi;
mo_bb=mo_bb.replace(reg,'');
str[1]=parseFloat(mo_bb)+parseFloat(str[1])*$('#proallnum').val();
str[1]=str[1].toFixed(2);
str[1]=CommaFormatted(str[1]);
//$('#LiteralProductSubtotal').html('{$currency} '+str[1]);
$('#mo_b').val(str[1]);
$('#total_js').html($('#mo_b').val());
}

function CommaFormatted(amount) {
    var delimiter = ",";
    amount = new String(amount);
    var a = amount.split('.',2)
    var d = a[1];
    var i = parseInt(a[0]);
    if(isNaN(i)) { return ''; }
    var minus = '';
    if(i < 0) { minus = '-'; }
    i = Math.abs(i);
    var n = new String(i);
    var a = [];
    while(n.length > 3)
    {
        var nn = n.substr(n.length-3);
        a.unshift(nn);
        n = n.substr(0,n.length-3);
    }
    if(n.length > 0) { a.unshift(n); }
    n = a.join(delimiter);
    if(d.length < 1) { amount = n; }
    else { amount = n + '.' + d; }
    amount = minus + amount;
    return amount;
}



</script>
    </form>  
  <form method="post" action="?m=Index&a=sendorder" id="form11" onsubmit="return userinfo()">
     <div class="conlf">
         <div class="lfnav">
           <p><img src="../Public/images/shopping_24.gif"  /><span class="STYLE1">Information sur le client</span></p></div>
       <table cellspacing="5" class="bgb">
           <tr>
             <td class="tba"><span class="STYLE4">*</span> Prénom  ：</td>
             <td><input type="text"  name="first_name" id="yjfirst_name"/>&nbsp;&nbsp;<font color=#ff0000><span id="first_nameshow"></span></font> </td>
           </tr>
           <tr>
             <td class="tba"><span class="STYLE4">*</span>Nom de famille  ：</td>
             <td><input type="text"  name="last_name" id="yjlast_name"/>&nbsp;&nbsp;<font color=#ff0000><span id="last_nameshow"></span></font></td>
           </tr>
           <tr>
             <td class="tba"><span class="STYLE4">*</span>Adresse de livraison 1  ：</td>
             <td><input type="text"  name="address1" id="yjaddress1" size="40" />&nbsp;&nbsp;<font color=#ff0000><span id="address1show"></span></font></td>
           </tr>
           <tr>
             <td class="tba">Complément d'adresse  ：</td>
             <td><input type="text"  size="40" /></td>
           </tr>
           <tr>
             <td class="tba"><span class="STYLE4">*</span>Code postal  ：</td>
             <td><input type="text"  name="zip" id="yjzip"/>&nbsp;&nbsp;<font color=#ff0000><span id="zipshow"></span></font></td>
           </tr>
           <tr>
             <td class="tba"><span class="STYLE4">*</span>Ville  ：</td>
             <td><input type="text"  name="city" id="yjcity"/>&nbsp;&nbsp;<font color=#ff0000><span id="cityshow"></span></font></td>
           </tr>
           <tr>
             <td class="tba"><span class="STYLE4">*</span>Pays  ：</td>
             <td><SELECT id='country'  name=client_countryship length="15" onchange="updatecountry(); " class='abc'> 
<option value="">Choix d’un pays</option>
<option value="FR" selected="">France</option>
<option value="ZA">Afrique du Sud</option>
<option value="AL">Albanie</option>
<option value="DZ">Algérie</option>
<option value="DE">Allemagne</option>
<option value="AD">Andorre</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AG">Antigua et Barbuda</option>
<option value="AN">Antilles néerlandaises</option>
<option value="SA">Arabie Saoudite</option>
<option value="AR">Argentine</option>
<option value="AM">Arménie</option>
<option value="AW">Aruba</option>
<option value="AU">Australie</option>
<option value="AT">Autriche</option>
<option value="BS">Bahamas</option>
<option value="BH">Bahreïn</option>
<option value="BB">Barbades</option>
<option value="BE">Belgique</option>
<option value="BZ">Belize</option>
<option value="BJ">Bénin</option>
<option value="BM">Bermudes</option>
<option value="BT">Bhoutan</option>
<option value="BO">Bolivie</option>
<option value="BA">Bosnie-Herzégovine</option>
<option value="BW">Botswana</option>
<option value="BR">Brésil</option>
<option value="BN">Brunei</option>
<option value="BG">Bulgarie</option>
<option value="BF">Burkina Faso</option>
<option value="BI">Burundi</option>
<option value="KY">Caïmanes, Iles</option>
<option value="KH">Cambodge</option>
<option value="CA">Canada</option>
<option value="CV">Cap-Vert</option>
<option value="CL">Chili</option>
<option value="C2">Chine</option>
<option value="CY">Chypre</option>
<option value="VA">Cité du Vatican</option>
<option value="CO">Colombie</option>
<option value="KM">Comores</option>
<option value="KR">Corée du Sud</option>
<option value="CR">Costa Rica</option>
<option value="HR">Croatie</option>
<option value="DK">Danemark</option>
<option value="DJ">Djibouti</option>
<option value="DM">Dominique</option>
<option value="AE">Emirats Arabes Unis</option>
<option value="EC">Equateur</option>
<option value="ER">Erythrée</option>
<option value="ES">Espagne</option>
<option value="EE">Estonie</option>
<option value="US">États-Unis d'Amérique</option>
<option value="ET">Ethiopie</option>
<option value="FK">Falkland (Malvinas), Iles</option>
<option value="FJ">Fidji</option>
<option value="FI">Finlande</option>
<option value="GM">Gambie</option>
<option value="GI">Gibraltar</option>
<option value="GR">Grèce</option>
<option value="GD">Grenade</option>
<option value="GL">Groenland</option>
<option value="GP">Guadeloupe</option>
<option value="GT">Guatemala</option>
<option value="GN">Guinée</option>
<option value="GW">Guinée-Bissau</option>
<option value="GY">Guyane</option>
<option value="GF">Guyane française</option>
<option value="HN">Honduras</option>
<option value="HK">Hong-Kong</option>
<option value="HU">Hongrie</option>
<option value="MU">Ile Maurice</option>
<option value="NF">Ile Norfolk</option>
<option value="CK">Iles Cook</option>
<option value="SJ">Iles de Svalbard et Jan Mayen</option>
<option value="FO">Iles Féroé</option>
<option value="MH">Iles Marshall</option>
<option value="PN">Iles Pitcairn</option>
<option value="SB">Iles Salomon</option>
<option value="VG">Îles Vierges britanniques</option>
<option value="WF">Iles Wallis-et-Futuna</option>
<option value="IN">Inde</option>
<option value="ID">Indonésie</option>
<option value="IE">Irlande</option>
<option value="IS">Islande</option>
<option value="IL">Israël</option>
<option value="IT">Italie</option>
<option value="JM">Jamaïque</option>
<option value="JP">Japon</option>
<option value="JO">Jordanie</option>
<option value="KZ">Kazakhstan</option>
<option value="KE">Kenya</option>
<option value="KG">Kirghizistan</option>
<option value="KI">Kiribati</option>
<option value="KW">Koweït</option>
<option value="LA">Laos</option>
<option value="LS">Lesotho</option>
<option value="LV">Lettonie</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lituanie</option>
<option value="LU">Luxembourg</option>
<option value="MG">Madagascar</option>
<option value="MY">Malaisie</option>
<option value="MW">Malawi</option>
<option value="MV">Maldives</option>
<option value="ML">Mali</option>
<option value="MT">Malte</option>
<option value="MA">Maroc</option>
<option value="MQ">Martinique</option>
<option value="MR">Mauritanie</option>
<option value="YT">Mayotte</option>
<option value="MX">Mexique</option>
<option value="FM">Micronésie</option>
<option value="MN">Mongolie</option>
<option value="MS">Montserrat</option>
<option value="MZ">Mozambique</option>
<option value="NA">Namibie</option>
<option value="NR">Nauru</option>
<option value="NP">Népal</option>
<option value="NI">Nicaragua</option>
<option value="NE">Niger</option>
<option value="NU">Niue</option>
<option value="NO">Norvège</option>
<option value="NC">Nouvelle-Calédonie</option>
<option value="NZ">Nouvelle-Zélande</option>
<option value="OM">Oman</option>
<option value="UG">Ouganda</option>
<option value="PW">Palaos</option>
<option value="PA">Panama</option>
<option value="PG">Papouasie-Nouvelle-Guinée</option>
<option value="NL">Pays-Bas</option>
<option value="PE">Pérou</option>
<option value="PH">Philippines</option>
<option value="PL">Pologne</option>
<option value="PF">Polynésie française</option>
<option value="PT">Portugal</option>
<option value="QA">Qatar</option>
<option value="AZ">République d'Azerbaïdjan</option>
<option value="CD">République Démocratique du Congo</option>
<option value="DO">République dominicaine</option>
<option value="CG">République du Congo</option>
<option value="GA">République du Gabon</option>
<option value="CZ">République tchèque</option>
<option value="RE">Réunion</option>
<option value="RO">Roumanie</option>
<option value="GB">Royaume-Uni</option>
<option value="RU">Russie</option>
<option value="RW">Rwanda</option>
<option value="KN">Saint Christophe-Nevis-Anguilla</option>
<option value="SM">Saint-Marin</option>
<option value="PM">Saint-Pierre-et-Miquelon</option>
<option value="VC">Saint-Vincent-et-les Grenadines</option>
<option value="SH">Sainte-Hélène</option>
<option value="LC">Sainte-Lucie</option>
<option value="SV">Salvador</option>
<option value="WS">Samoa</option>
<option value="ST">Sao Tomé-et-Principe</option>
<option value="SN">Sénégal</option>
<option value="SC">Seychelles</option>
<option value="SL">Sierra Leone</option>
<option value="SG">Singapour</option>
<option value="SK">Slovaquie</option>
<option value="SI">Slovénie</option>
<option value="SO">Somalie</option>
<option value="LK">Sri Lanka</option>
<option value="SE">Suède</option>
<option value="CH">Suisse</option>
<option value="SR">Surinam</option>
<option value="SZ">Swaziland</option>
<option value="TJ">Tadjikistan</option>
<option value="TW">Taiwan</option>
<option value="TZ">Tanzanie</option>
<option value="TD">Tchad</option>
<option value="TH">Thaïlande</option>
<option value="TG">Togo</option>
<option value="TO">Tonga</option>
<option value="TT">Trinité-et-Tobago</option>
<option value="TN">Tunisie</option>
<option value="TM">Turkménistan</option>
<option value="TC">Turks-et-Caïques, Iles</option>
<option value="TR">Turquie</option>
<option value="TV">Tuvalu</option>
<option value="UA">Ukraine</option>
<option value="UY">Uruguay</option>
<option value="VU">Vanuatu</option>
<option value="VE">Venezuela</option>
<option value="VN">Vietnam</option>
<option value="YE">Yémen</option>
<option value="ZM">Zambie</option>
</SELECT>   </td>
           </tr>
           <tr>
             <td class="tba"><span class="STYLE4">*</span>Téléphone  ：</td>
             <td><input type="text"  size="5" name="night_phone_a" id="yjnight_phone_a"/>
			    <input type="text"  size="5" name="night_phone_b" id="yjnight_phone_b"/>
			    <input type="text"  size="5" name="night_phone_c" id="yjnight_phone_c"/>&nbsp;&nbsp;
			    <font color=#ff0000>
			    <span id="night_phone_ashow"></span>
			    <span id="night_phone_bshow"></span>
			    <span id="night_phone_cshow"></span>
			    </font>
			</td>
           </tr>
           <tr>
             <td class="tba"><span class="STYLE4">*</span>E-Mail  ：</td>
             <td><input type="text"  name="email" id="yzemail"/>&nbsp;&nbsp;<font color=#ff0000><span id="emailshow"></span></font></td>
           </tr>
           <tr>
             <td class="tba">Remarque  ：</td>
             <td><textarea rows=5 cols=35 name=client_remark class="abc"></textarea></td>
           </tr>
       </table>
       
       <div class="conft"><p><a href="#">Le ci-dessus est terminée, cliquez sur le bouton Suivant .</a></p>
      		 <input type="hidden" name="country" id="recountry" value="" />
			<input type="hidden" name="tracking" id="tracking" value="1" />
			<input type="hidden" name="destination" id="destination" value="Afghanistan" />
			<input type="hidden" name="transportation" id="transportation" value="Air Mail" />
			<input type="hidden" name="logisticsprice" id="logisticsprice" value="{@a.logisticsprice1}" />
			<input type="hidden" name="domain" id="domain" value="{@a.domain}" />
			<input type="hidden" name="currency_code" id="currency_code" value="{$currency_code}" />
			<input type="image" src="../Public/images/next_fr.gif" />
     </div>
     
     </div>
</form>  

     <div class="clear"></div>
</div>


<div class="foot">
   <div class="footer">
   <img src="../Public/images/shopping_39.gif" /><img src="../Public/images/shopping_41.gif"  /><img src="../Public/images/shopping_43.gif"  />
    <p>Les marques indiquées sur le site sont la propriété de leur dépositaire. Toute mention à des marques ou modèles est réalisée afin d'identifier les articles pour lesquels nos produits sont compatibles.

</p>
   </div>
</div>
 <script type="text/javascript"><!--
 function showBilling(){
	    var bln_check = $('#isSame').attr('checked');
	    if(bln_check){
	        $('#div2').show();
	    }else{     
	        $('#div2').hide();   
	    }
	}

 function updatecountry(){
	 	
		document.getElementById('recountry').value=document.getElementById("country").value;
	}


 
 var yjfirst_name=document.getElementById('yjfirst_name');
 var first_nameshow=document.getElementById('first_nameshow');
 var yjlast_name=document.getElementById('yjlast_name');
 var last_nameshow=document.getElementById('last_nameshow');
 var yjaddress1=document.getElementById('yjaddress1');
 var address1show=document.getElementById('address1show');
 var yjzip=document.getElementById('yjzip');
 var zipshow=document.getElementById('zipshow');
 var yjcity=document.getElementById('yjcity');
 var cityshow=document.getElementById('cityshow');
 var yjnight_phone_a=document.getElementById('yjnight_phone_a');
 var yjnight_phone_b=document.getElementById('yjnight_phone_b');
 var yjnight_phone_c=document.getElementById('yjnight_phone_c');
 var night_phone_ashow=document.getElementById('night_phone_ashow');
 var night_phone_bshow=document.getElementById('night_phone_bshow');
 var night_phone_cshow=document.getElementById('night_phone_cshow');
 var oEmail=document.getElementById('yzemail');
 var emailshow=document.getElementById('emailshow');
 
 
	function userinfo(){
		 var user=new RegExp(/^[\w]/);
		 var email=new RegExp(/\w+.*@\w+.*\.\w+.*/);
		 var numzz=new RegExp(/^[0-9]*$/);
		 var address=new RegExp(/[\w]/);
	
		 if(!user.test(yjfirst_name.value))
		 {
			 first_nameshow.innerHTML='Le prénom est obligatoire !';
			   return false;
		 }else{first_nameshow.innerHTML='';}
		if(!user.test(yjlast_name.value))
		 {
			 last_nameshow.innerHTML='Le nom est obligatoire !';
			   return false;
		 }else {last_nameshow.innerHTML='';}
		if(!address.test(yjaddress1.value))
		 {
			 address1show.innerHTML='Le no. et le nom de la voie doivent être rensignés!';
			   return false;
		 }else {address1show.innerHTML='';}
		if(!user.test(yjzip.value))
		 {
			 zipshow.innerHTML='Le code postal est faux !';
			   return false;
		 }else {zipshow.innerHTML='';}
		if(!user.test(yjcity.value))
		 {
			 cityshow.innerHTML='La ville est obligatoire !';
			   return false;
		 }else {cityshow.innerHTML='';}
		if(!numzz.test(yjnight_phone_a.value))
		 {
			 night_phone_ashow.innerHTML='Le téléphone est obligatoire !';
			   return false;
		 }else {night_phone_ashow.innerHTML='';}
		if(!numzz.test(yjnight_phone_b.value))
		 {
			 night_phone_bshow.innerHTML='Le téléphone est obligatoire !';
			   return false;
		 }else {night_phone_bshow.innerHTML='';}
		if(!numzz.test(yjnight_phone_c.value))
		 {
			 night_phone_cshow.innerHTML='Le téléphone est obligatoire !';
			   return false;
		 }else {night_phone_cshow.innerHTML='';}
		if(!email.test(oEmail.value))
		 {
			emailshow.innerHTML="L'email n'est pas valide !";
			   return false;
		  }else{emailshow.innerHTML='';}
	}
	
--></script>
</body>
</html>
